<!--
 * @Author: 吴思浪/wusl
 * @Date: 2021-07-01 14:36:45
 * @LastEditors: 胡俊/treence
 * @LastEditTime: 2022-05-30 11:32:53
 * @Description: 
 * @Email: 1455627005@qq.com
 * @Company: 3xData
 * @youWant: add you want
-->
<template>
  <view class="no-data">
    <image :src="iconPath"
           mode="widthFix"></image>
    <br />
    <text>{{ text }}</text>
  </view>
</template>
<script>
import { baseImgUrl } from '@/config.js';
export default {
  props: {
    iconPath: {
      type: String,
      default: baseImgUrl + '/components/component_noData.png'
    },
    text: {
      type: String,
      default: '暂无数据'
    }
  }
}
</script>

<style>
.no-data {
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.no-data > image {
  width: 320rpx;
  height: auto;
}
.no-data > text {
  line-height: 36rpx;
  font-size: 24rpx;
  color: #999;
}
</style>